<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>智能 家电</title>
    <link rel="icon" href="../img/小米手机/logo-footer.png" type="image/gif" >
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/layui/css/layui.css">
    <script src="../css/layui/layui.js"></script>
    <link rel="stylesheet" href="../css/jyc.css">
    <script src="../js/jquery-3.3.1.js"></script>
    <script src="../js/jyc.js"></script>
    <link rel="stylesheet" href="../css/EarPhone.css">


</head>
<body>
<!--头部-->
<div class="header">
    <div class="topbar">
        <div class="wrap">
            <div class="topbar-left">
                <a>小米商城</a><span >|</span>
                <a>MIUI</a><span>|</span>
                <a>loT</a><span>|</span>
                <a>云服务</a><span>|</span>
                <a>水滴</a><span>|</span>
                <a>金融</a><span>|</span>
                <a>有品</a><span>|</span>
                <a>Select Region</a>
            </div>
            <div class="topbar-right">
                <a href="Account.html" id="login">登录</a><span>|</span>
                <a href="miregister.html" id="register">注册</a><span>|</span>
                <a href="Personal_central.html">消息通知</a><span>|</span>
                <div id="topbar-cart" >
                    <a  >
                        <i class="iconfont">&#xe600;</i>购物车</a>
                </div>
                <div class="loading" id="load" style="display:none">购物车中还没有商品，赶紧选购吧！</div>
            </div>
        </div>
    </div>
    <div class="nav wrap">
        <div class="nav-logo">
            <a href="../index.html"><img src="../img/小米手机/logo-footer.png"></a>
        </div>
        <div class="header-nav">
            <ul class="nav-list">
                <li class="nav-category" id="nav-all" onmouseover="navallOver()" onmouseout="navallOut()">
                    <a>全部商品分类</a>
                </li>
                <li class="nav-item" id="phone">
                    <a>小米手机</a>
                    <div class="nav-bar-down" id="navbar1">
                        <div class="wrap">
                            <div>
                                <img class="firstimg" src="../img/小米手机/mix2320-220.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/note2320x220.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/xm6-320.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/max2_toubu.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/5x-2!160x110.jpg"/>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="nav-item" id="hongmi">
                    <a>红米</a>
                    <div class="nav-bar-down" id="navbar2">
                        <div class="wrap">
                            <div>
                                <img  class="firstimg" src="../img/小米手机/5-320-220.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/5P-320-220.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/320-220-1.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/3205a.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/320-220!160x110.jpg"/>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="nav-item" id="tv">
                    <a>电视</a>
                    <div class="nav-bar-down" id="navbar3">
                        <div class="wrap">
                            <div>
                                <img class="firstimg" src="../img/小米手机/tv1.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/tv2.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/tv3.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/tv4.png" />
                            </div>
                            <div>
                                <img src="../img/小米手机/tv5.png"/>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="nav-item" id="computer">
                    <a>笔记本</a>
                    <div class="nav-bar-down" id="navbar4" >
                        <div class="wrap">
                            <div>
                                <img class="firstimg" src="../img/小米手机/computer1.jpg"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/computer2.jpg"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/computer3.jpg"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/computer4.jpg"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/computer5.jpg"/>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="nav-item" id="hezi">
                    <a>盒子</a>
                    <div class="nav-bar-down" id="navbar5" >
                        <div class="wrap">
                            <div>
                                <img class="firstimg" src="../img/小米手机/hezi1.png"/></div>
                            <div>
                                <img src="../img/小米手机/hezi2.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/hezi3.png" />
                            </div>
                            <div>
                                <img src="../img/小米手机/hezi4.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/hezi5.jpg"/>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="nav-item" id="news">
                    <a>新品</a>
                    <div class="nav-bar-down" id="navbar6" >
                        <div class="wrap">
                            <div>
                                <img class="firstimg" src="../img/小米手机/xinping1.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/xinping2.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/xinping3.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/xinping4.png" />
                            </div>
                            <div>
                                <img src="../img/小米手机/xinping5.png"/>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="nav-item" id="router">
                    <a>路由器</a>
                    <div class="nav-bar-down" id="navbar7" >
                        <div class="wrap">
                            <div>
                                <img class="firstimg" src="../img/小米手机/router1.jpg"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/router2.jpg"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/router3.jpg"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/router4.jpg"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/router5.jpg"/>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="nav-item" id="hard">
                    <a>智能硬件服务</a>
                    <div class="nav-bar-down" id="navbar8">
                        <div class="wrap">
                            <div>
                                <img class="firstimg" src="../img/小米手机/hard1.jpg"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/hard2.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/hard3.png"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/hard4.jpg"/>
                            </div>
                            <div>
                                <img src="../img/小米手机/hard5.jpg"/>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="nav-item">
                    <a>服务</a>
                </li>
                <li class="nav-item">
                    <a>社区</a>
                </li>
            </ul>
            <div class="nav-bar-right wrap" id="navbar" style="display:none"  onmouseOver="navallOver()" onmouseout="navallOut()">
                <div class="view-category">
                    <ul>
                        <li class="nav-hover">
                            <a href="views/mobilephone.html">手机 电话卡<i class="iconfont">&#xe602;</i></a>
                            <div class="category-children">
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-hover">
                            <a href="views/TV.html">电视 盒子<i class="iconfont">&#xe602;</i></a>
                            <div class="category-children">
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-1.jpg"/>
                                            <span>小米电视4A 32英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-2.jpg"/>
                                            <span>小米电视4A 40英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-3.jpg"/>
                                            <span>小米电视4A 43英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-4.jpg"/>
                                            <span>小米电视4A 49英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-5.jpg"/>
                                            <span>小米电视4A 50英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-6.jpg"/>
                                            <span>小米电视4A 55英寸</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-1.jpg"/>
                                            <span>小米电视4A 32英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-2.jpg"/>
                                            <span>小米电视4A 40英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-3.jpg"/>
                                            <span>小米电视4A 43英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-4.jpg"/>
                                            <span>小米电视4A 49英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-5.jpg"/>
                                            <span>小米电视4A 50英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-6.jpg"/>
                                            <span>小米电视4A 55英寸</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-1.jpg"/>
                                            <span>小米电视4A 32英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-2.jpg"/>
                                            <span>小米电视4A 40英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-3.jpg"/>
                                            <span>小米电视4A 43英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-4.jpg"/>
                                            <span>小米电视4A 49英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-5.jpg"/>
                                            <span>小米电视4A 50英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/tv1-6.jpg"/>
                                            <span>小米电视4A 55英寸</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-hover">
                            <a href="views/computer.html">笔记本<i class="iconfont">&#xe602;</i></a>
                            <div class="category-children">
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-1.jpg"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-2.jpg"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-3.jpg"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-4.jpg"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-5.jpg"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-6.jpg"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-1.jpg"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-2.jpg"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-3.jpg"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-4.jpg"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-5.jpg"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-6.jpg"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-1.jpg"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-2.jpg"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-3.jpg"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-4.jpg"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-5.jpg"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/computer1-6.jpg"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>

                        </li>
                        <li class="nav-hover">
                            <a href="views/Smart_Appliances.html">智能 家电<i class="iconfont">&#xe602;</i></a>
                            <div class="category-children">
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img//index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>

                        </li>
                        <li class="nav-hover">
                            <a href="views/Healthy_home.html">健康 家居 <i class="iconfont">&#xe602;</i></a>
                            <div class="category-children">
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>

                        </li>
                        <li class="nav-hover">
                            <a href="views/Travel_children.html ">出行 儿童<i class="iconfont">&#xe602;</i></a>
                            <div class="category-children">
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-hover">
                            <a href="views/Router.html">路由器 手机配件 <i class="iconfont">&#xe602;</i></a>
                            <div class="category-children">
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-hover">
                            <a href="views/power.html">移动电源 插线板<i class="iconfont">&#xe602;</i></a>
                            <div class="category-children">
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-hover">
                            <a >耳机 音箱<i class="iconfont">&#xe602;</i></a>
                            <div class="category-children">
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-hover">
                            <a>生活 米兔<i class="iconfont">&#xe602;</i></a>
                            <div class="category-children">
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list">
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/note1-1.png"/>
                                            <span>小米Note 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/min21-2.png"/>
                                            <span>小米MIX 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/xm61-3.png"/>
                                            <span>小米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/80pc1-4.png"/>
                                            <span>小米5X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/mix21-5.png"/>
                                            <span>小米Max 2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="../img/index/nav-index/redmi51-6.png"/>
                                            <span>红米5 Plus</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>







        </div>
        <div class="nav-search">
            <form>
                <input class="search-text" type="text">
                <input class="iconfont search-btn " type="submit" value="&#xe7b7;">
            </form>
        </div>
    </div>
</div>
<div class="clear"></div>

<!---->
<div class="main">

    <div class="layui-carousel" id="carouse">
        <div carousel-item>
            <div><img src="../img/智能%20家电/家电轮播1.jpg" height="1240" width=""/></div>
            <div><img src="../img/智能%20家电/家电轮播2.jpg" height="1240" width=""/></div>
        </div>
    </div>
    <div class="clear"></div>

    <!--1-->
    <div class="wrap channel-title">
        <h2>智能家电</h2>

        <div class="product-1 wrap shadow">
            <a >
                <img src="../img/智能%20家电/专区1.jpg" height="868" width="1000"/>
                <div class="content">
                    <h1>
                        米家扫地机器人
                    </h1>
                    <p class="desc"> 智能路径规划，大风压澎湃吸力，远程控制</p>
                    <p class="price"><strong>1699</strong>元</p>
                    <p class="link">了解产品></p>
                </div>
            </a>
        </div>
    </div>
<!-->
    <div class="clear"></div>
    <div class="wrap" style="margin-top: 20px;"></div>
    <div class="wrap product-2">
        <div class="product-2-left shadow">
            <a >


                <img src="../img/智能%20家电/专区2.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>小米米家空气净化器 2S
                       </h1>
                    <p class="desc">经典再升级，好空气看得见</p>
                    <p class="price"><strong>799</strong>元</p>
                </div>
            </a>
        </div>
        <div class="product-2-right shadow">
            <a >


                <img src="../img/智能%20家电/专区3.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>米家空气净化器Pro
                        </h1>
                    <p class="desc">大空间，快循环</p>
                    <p class="price"><strong>1199</strong>元<del>1499</del>元</p>
                </div>
            </a>
        </div>
    </div>
    <!-->
    <div class="clear"></div>
    <div class="wrap" style="margin-top: 20px;"></div>
    <div class="wrap product-2">
        <div class="product-2-left shadow">
            <a >


                <img src="../img/智能%20家电/专区4.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>米家空气净化器MAX

                    </h1>
                    <p class="desc">适用大面积，先进静音技术</p>
                    <p class="price"><strong>1999</strong>元</p>
                </div>
            </a>
        </div>
        <div class="product-2-right shadow">
            <a >


                <img src="../img/智能%20家电/专区5.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>米家电磁炉

                    </h1>
                    <p class="desc">双频火力，精准控温</p>
                    <p class="price"><strong>299</strong>元</p>
                </div>
            </a>
        </div>
    </div>
    <!-->
    <div class="clear"></div>
    <div class="wrap" style="margin-top: 20px;"></div>
    <div class="wrap product-2">
        <div class="product-2-left shadow">
            <a >


                <img src="../img/智能%20家电/专区6.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>米家IH电饭煲 3L


                    </h1>
                    <p class="desc">多才多艺的智能电饭煲</p>
                    <p class="price"><strong>399</strong>元</p>
                </div>
            </a>
        </div>
        <div class="product-2-right shadow">
            <a >


                <img src="../img/智能%20家电/专区7.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>知吾煮不锈钢汤锅 米家定制


                    </h1>
                    <p class="desc">精材制作，与家人享受美味时光</p>
                    <p class="price"><strong>249</strong>元</p>
                </div>
            </a>
        </div>
    </div>
    <!-->
    <div class="clear"></div>
    <div class="wrap" style="margin-top: 20px;"></div>
    <div class="wrap product-2">
        <div class="product-2-left shadow">
            <a >


                <img src="../img/智能%20家电/专区8.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>小米净水器（厨下式）


                    </h1>
                    <p class="desc">400加仑大流量，隐藏安装</p>
                    <p class="price"><strong>1999</strong>元</p>
                </div>
            </a>
        </div>
        <div class="product-2-right shadow">
            <a >


                <img src="../img/智能%20家电/专区9.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>小米空气净化器 2


                    </h1>
                    <p class="desc">10分钟，房间空气焕然一新</p>
                    <p class="price"><strong>599</strong>元<del>699</del>元</p>
                </div>
            </a>
        </div>
    </div>
    <!-->
    <div class="wrap channel-title">
        <h2>热卖单品</h2>

        <div class="product-1 wrap shadow">
            <a >

                <img src="../img/智能%20家电/热门单品1.jpg" height="868" width="1708"/>
                <div class="content">
                    <h1>

                        米家激光投影电视

                    </h1>
                    <p class="desc"> 最大150英寸投影画面，让家成为你的私人影院</p>
                    <p class="price"><strong>9999</strong>元</p>
                    <p class="link">了解产品></p>
                </div>
            </a>
        </div>
    </div>
    <!-->
    <div class="clear"></div>
    <div class="wrap" style="margin-top: 20px;"></div>
    <div class="wrap product-2">
        <div class="product-2-left shadow">
            <a >
                <img src="../img/智能%20家电/热门单品2.jpg" height="350" width="1000"/>


                <div class="content">
                    <h1>米家恒温电水壶



                    </h1>
                    <p class="desc">一杯水的温度，刚刚好</p>
                    <p class="price"><strong>199</strong>元</p>
                </div>
            </a>
        </div>
        <div class="product-2-right shadow">
            <a >

                <img src="../img/智能%20家电/热门单品3.jpg" height="350" width="1000"/>

                <div class="content">
                    <h1>米家电水壶



                    </h1>
                    <p class="desc">一杯水，是一家人的安心</p>
                    <p class="price"><strong>99</strong>元</p>
                </div>
            </a>
        </div>
    </div>
    <!-->
    <div class="clear"></div>
    <div class="wrap" style="margin-top: 20px;"></div>
    <div class="wrap product-2">
        <div class="product-2-left shadow">
            <a >
                <img src="../img/智能%20家电/热门单品4.jpg" height="350" width="1000"/>


                <div class="content">
                    <h1>小米水质TDS检测笔




                    </h1>
                    <p class="desc">准确检测家中水质纯度</p>
                    <p class="price"><strong>39</strong>元</p>
                </div>
            </a>
        </div>
        <div class="product-2-right shadow">
            <a >

                <img src="../img/智能%20家电/热门单品5.jpg" height="350" width="1000"/>

                <div class="content">
                    <h1>智米除菌加湿器




                    </h1>
                    <p class="desc">智能加湿</p>
                    <p class="price"><strong>799</strong>元</p>
                </div>
            </a>
        </div>
    </div>
    <!-->
    <div class="clear"></div>
    <div class="wrap" style="margin-top: 20px;"></div>
    <div class="wrap product-2">
        <div class="product-2-left shadow">
            <a >
                <img src="../img/智能%20家电/热门单品6.jpg" height="350" width="1000"/>


                <div class="content">
                    <h1>车载空气净化器





                    </h1>
                    <p class="desc">高效净化车内空气</p>
                    <p class="price"><strong>389</strong>元<del>449</del>元</p>
                </div>
            </a>
        </div>
        <div class="product-2-right shadow">
            <a >

                <img src="../img/智能%20家电/热门单品7.jpg" height="350" width="1000"/>

                <div class="content">
                    <h1>米家智能插座（Zigbee版）





                    </h1>
                    <p class="desc">超智能的插座</p>
                    <p class="price"><strong>69</strong>元</p>
                </div>
            </a>
        </div>
    </div>
    <!-->
    <div class="wrap channel-title">
    <h2>配件专区</h2>

    <div class="product-1 wrap shadow">
        <a >


            <img src="../img/智能%20家电/配件1.jpg" height="868" width="1708"/>
            <div class="content">
                <h1>


                    米家智能插线板


                </h1>
                <p class="desc"> 远程控制家中电器，让生活更便捷</p>
                <p class="price"><strong>69</strong>元</p>
                <p class="link">了解产品></p>
            </div>
        </a>
    </div>
</div>
    <div class="clear"></div>
    <div class="wrap" style="margin-top: 20px;"></div>
    <div class="wrap product-2">
        <div class="product-2-left shadow">
            <a >
                <img src="../img/智能%20家电/热门单品6.jpg" height="350" width="1000"/>


                <div class="content">
                    <h1>车载空气净化器





                    </h1>
                    <p class="desc">高效净化车内空气</p>
                    <p class="price"><strong>389</strong>元<del>449</del>元</p>
                </div>
            </a>
        </div>
        <div class="product-2-right shadow">
            <a >

                <img src="../img/智能%20家电/热门单品7.jpg" height="350" width="1000"/>

                <div class="content">
                    <h1>米家智能插座（Zigbee版）





                    </h1>
                    <p class="desc">超智能的插座</p>
                    <p class="price"><strong>69</strong>元</p>
                </div>
            </a>
        </div>
    </div>
    <!-->
    <div class="clear"></div>
    <div class="wrap" style="margin-top: 20px;"></div>
    <div class="wrap product-2">
        <div class="product-2-left shadow">
            <a >


                <img src="../img/智能%20家电/配件2.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>空气净化器除甲醛滤芯





                    </h1>
                    <p class="desc">阻挡细菌，有效去除甲醛</p>
                    <p class="price"><strong>149</strong>元<del>169</del>元</p>
                </div>
            </a>
        </div>
        <div class="product-2-right shadow">
            <a >


                <img src="../img/智能%20家电/配件3.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>净化器滤芯 抗菌版






                    </h1>
                    <p class="desc">净化室内空气看不见的细菌</p>
                    <p class="price"><strong>139</strong>元<del>159</del>元</p>
                </div>
            </a>
        </div>
    </div>
<!-->
    <div class="clear"></div>
    <div class="wrap" style="margin-top: 20px;"></div>
    <div class="wrap product-2">
        <div class="product-2-left shadow">
            <a >


                <img src="../img/智能%20家电/配件4.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>小米净水器滤芯







                    </h1>
                    <p class="desc">按时更换，随时保证饮水品质</p>
                    <p class="price"><strong>59</strong>元起</p>
                </div>
            </a>
        </div>
        <div class="product-2-right shadow">
            <a >


                <img src="../img/智能%20家电/配件5.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>前后置活性炭滤芯套装







                    </h1>
                    <p class="desc">有效吸附异味、异色、余氯等</p>
                    <p class="price"><strong>128</strong>元<del>138</del>元</p>
                </div>
            </a>
        </div>
    </div>
    <!-->
    <div class="clear"></div>
    <div class="wrap" style="margin-top: 20px;"></div>
    <div class="wrap product-2">
        <div class="product-2-left shadow">
            <a >


                <img src="../img/智能%20家电/配件6.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>车载空气净化器滤芯







                    </h1>
                    <p class="desc">有效提升净化能力
                        </p>
                    <p class="price"><strong>49</strong>元</p>
                </div>
            </a>
        </div>
        <div class="product-2-right shadow">
            <a >


                <img src="../img/智能%20家电/配件7.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>车载空净除甲醛滤芯








                    </h1>
                    <p class="desc">好心情伴随好空气</p>
                    <p class="price"><strong>69</strong>元</p>
                </div>
            </a>
        </div>
    </div>
    <!-->
    <div class="clear"></div>
    <div class="wrap" style="margin-top: 20px;"></div>
    <div class="wrap product-2">
        <div class="product-2-left shadow">
            <a >


                <img src="../img/智能%20家电/配件8.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>AirPOP 防雾霾滤芯







                    </h1>
                    <p class="desc">高效净化，每一口都新鲜
                    </p>
                    <p class="price"><strong>39</strong>元</p>
                </div>
            </a>
        </div>
        <div class="product-2-right shadow">
            <a >


                <img src="../img/智能%20家电/配件9.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>米家PM2.5检测仪









                    </h1>
                    <p class="desc">高精度激光传感器</p>
                    <p class="price"><strong>349</strong>元<del>399</del>元</p>
                </div>
            </a>
        </div>
    </div>
    <!-->
    <div class="clear"></div>
    <div class="wrap" style="margin-top: 20px;"></div>
    <div class="wrap product-2">
        <div class="product-2-left shadow">
            <a >


                <img src="../img/智能%20家电/配件10.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>扫地机器人虚拟墙








                    </h1>
                    <p class="desc">安全清扫空间由你做主
                    </p>
                    <p class="price"><strong>39</strong>元</p>
                </div>
            </a>
        </div>
        <div class="product-2-right shadow">
            <a >


                <img src="../img/智能%20家电/配件11.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>米家扫地机器人滤网










                    </h1>
                    <p class="desc">密封好，有效拦截过滤灰尘</p>
                    <p class="price"><strong>39</strong>元</p>
                </div>
            </a>
        </div>
    </div>
    <!-->
    <div class="clear"></div>
    <div class="wrap" style="margin-top: 20px;"></div>
    <div class="wrap product-2">
        <div class="product-2-left shadow">
            <a >


                <img src="../img/智能%20家电/配件12.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>米家扫地机器人滤网









                    </h1>
                    <p class="desc">密封好，有效拦截过滤灰尘
                    </p>
                    <p class="price"><strong>39</strong>元</p>
                </div>
            </a>
        </div>
        <div class="product-2-right shadow">
            <a >


                <img src="../img/智能%20家电/配件13.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>米家扫地机器人主刷










                    </h1>
                    <p class="desc">实时贴合地面，洁净清扫</p>
                    <p class="price"><strong>39</strong>元</p>
                </div>
            </a>
        </div>
    </div>
    <!-->
    <div class="clear"></div>
    <div class="wrap" style="margin-top: 20px;"></div>
    <div class="wrap product-2">
        <div class="product-2-left shadow">
            <a >


                <img src="../img/智能%20家电/配件14.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>米家扫地机器人边刷










                    </h1>
                    <p class="desc"> 动态调速，让墙边始终如新
                    </p>
                    <p class="price"><strong>29</strong>元</p>
                </div>
            </a>
        </div>
        <div class="product-2-right shadow">
            <a >


                <img src="../img/智能%20家电/配件15.jpg" height="350" width="1000"/>
                <div class="content">
                    <h1>米家扫地机器人主刷罩











                    </h1>
                    <p class="desc">结构坚固，防缠绕设计</p>
                    <p class="price"><strong>39</strong>元</p>
                </div>
            </a>
        </div>
    </div>
    <!-->















            </div>

<!--底部-->
<div class="clear"></div>
<div class="footer">
    <div class="wrap">
        <div class="footer-service">
            <ul>
                <li><a>预约维修服务</a></li>
                <li><a>7天无理由退货</a></li>
                <li><a>15天免费换货</a></li>
                <li><a>满150元包邮</a></li>
                <li><a>520余家售后网点</a></li>
            </ul>
        </div>

        <div class="footer-links">
            <dl>
                <dt>帮助中心</dt>
                <dd>账户管理</dd>
                <dd>购物指南</dd>
                <dd>订单操作</dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd>售后政策</dd>
                <dd>自助服务</dd>
                <dd>相关下载</dd>
            </dl>
            <dl>
                <dt>线下门店</dt>
                <dd>小米之家</dd>
                <dd>服务网点</dd>
                <dd>零售网点</dd>
            </dl>
            <dl>
                <dt>关于小米</dt>
                <dd>了解小米</dd>
                <dd>加入小米</dd>
                <dd>联系我们</dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd>新浪微博</dd>
                <dd>小米部落</dd>
                <dd>官方微信</dd>
            </dl>
            <dl>
                <dt>特色服务</dt>
                <dd>F 码通道</dd>
                <dd>礼物码</dd>
                <dd>防伪查询</dd>
            </dl>
            <div class="footer-contact">
                <p class="phone">400-100-5678</p>
                <p >周一至周日 8:00-18:00<br>（仅收市话费）</p>
                <a class="footer-btn"> 在线客服</a>
            </div>
        </div>
    </div>
</div>
<div class="clear"></div>
<div class="site-info">
    <div class="wrap">
        <div class="logo"><img src="../img/小米手机/logo-footer.png"/></div>
        <div class="site-text">
            <p class="sites">
                <a>小米商城</a><span>|</span>
                <a>MIUI</a><span>|</span>
                <a>米家</a><span>|</span>
                <a>米聊</a><span>|</span>
                <a>多看</a><span>|</span>
                <a>路由器</a><span>|</span>
                <a>米粉卡</a><span>|</span>
                <a>小米天猫店</a><span>|</span>
                <a>隐私政策</a><span>|</span>
                <a>问题反馈</a><span>|</span>
                <a>Select Region</a><span>|</span>
            </p>
            <p>@<a>mi.com</a>" 京ICP证110507号 "<a>京ICP备10046444号</a><a>京公网安备11010802020134号 </a>
                <a>京网文[2014]0059-0009号</a>
                <br>
                " 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试"
            </p>
        </div>
        <div class="site-links">
            <a><img src="../img/小米手机/truste.png"/></a>
            <a><img src="../img/小米手机/v-logo-2.png"/></a>
            <a><img src="../img/小米手机/v-logo-1.png"/></a>
            <a><img src="../img/小米手机/v-logo-3.png"/></a>
            <a><img src="../img/小米手机/v-logo-4.png" height="28" width="85"/></a>
        </div>
        <div class="clear"></div>
        <div class="slogan"></div>
    </div>

</div>
</div>





<script>
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#carouse'
            ,width: '100%' //设置容器宽度
            ,height: '620px'
            ,arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式

        });
    });
</script>

</body>
</html>
